<template>
 
<div class="kgo-info-card">
   <div class="kgo-info-card-title">
       <h3> <i class="layui-icon layui-icon-theme"></i><span>{{title}}</span></h3>
   </div>
    <div  class="kgo-info-card-body">
       <p>KgoUI框架刚刚起步，暂时只提供默认主题！目前框架已经集成sass全局样式，为日后定制多风格主题未雨绸缪！</p>
   </div>
   
</div>

</template>

<script>
export default {
    props:{
        title:{
            default:'主题'
        }
    },
   mounted(){
    layui.element.init();
   }
}
</script>

<style lang="scss">
.kgo-info-card{
    height:160px;
    background-color: $theme-background;
}
.kgo-info-card-title{
    height: 25%;
    padding-left: 20px;
    padding-top: 20px;
    font-size: 24px;
}
.kgo-info-card-title span{
    padding-left: 20px;
    font-size: 24px;
}
.kgo-info-card-body{
    width: 80%;
    margin: 0 auto;
}
</style>
